<template>
	<view>
		<uni-list :border="false">
			<uni-list-item v-for="(item,index) in list" :clickable="true" @click="navigateTo(index)">
				<view slot="left" class="slot-box">
					<zywork-icon   type="icondian" color="#6D6D6D" size="40"  />
				</view>
				<text class="slot-text">{{item.title}}</text>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
	import {
		BASE_URL,
		USER_TOKEN_KEY,
		DEFAULT_HEADICON,
		showSuccessToast,
		showInfoToast,
		doGet,
		doPostJson,
		FRONT_BASE_URL,
		LOCAL_FILE_STORAGE
	} from '@/common/util.js'
	import * as ResponseStatus from '@/common/response-status.js'
	export default {
		components: {
			uniList,
			uniListItem
		},
		data() {
			return {
				list:[
					{
						title:"下单后，发现订单信息有误，如何修改？"
					},
					{
						title:"无法准确测量快递的重量和体积怎么办？"
					},
					{
						title:"在承诺的时间没有送达，未收到，怎么办？"
					},
					{
						title:"联系不到怎么办？"
					},
					{
						title:"代寄件如何收费？流程是怎么样的？"
					},
					{
						title:"包裹配送服务协议"
					}
					
				]
			};
		},
		methods:{
			navigateTo(index){
				uni.navigateTo({
					url:"help_info?data="+JSON.stringify(this.list[index]) // 这里转换成 字符串
				})
			}
		}
	}
</script>

<style lang="scss">
	@import '@/common/zywork-main.scss';
	.slot-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		
	}
	.slot-text {
		font-size: 30rpx;
		margin-left: 20rpx;
		color: $default-text-color;
	}
</style>
